<!-- From Uiverse.io by RashadGhzi  - Tags: simple, form, input, modern, tailwindcss -->
<div class="relative">
  <input
    type="text"
    placeholder="Username Here..."
    class="w-64 py-2 pl-8 pr-4 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
  />
  <svg
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 24 24"
    class="absolute start-2 top-0 bottom-0 m-auto w-5 h-5 text-gray-500"
  >
    <g stroke-width="0" id="SVGRepo_bgCarrier"></g>
    <g
      stroke-linejoin="round"
      stroke-linecap="round"
      id="SVGRepo_tracerCarrier"
    ></g>
    <g id="SVGRepo_iconCarrier">
      <circle stroke-width="1.5" stroke="#1C274C" r="4" cy="6" cx="10"></circle>
      <path
        stroke-linecap="round"
        stroke-width="1.5"
        stroke="#1C274C"
        d="M21 10H19M19 10H17M19 10L19 8M19 10L19 12"
      ></path>
      <path
        stroke-linecap="round"
        stroke-width="1.5"
        stroke="#1C274C"
        d="M17.9975 18C18 17.8358 18 17.669 18 17.5C18 15.0147 14.4183 13 10 13C5.58172 13 2 15.0147 2 17.5C2 19.9853 2 22 10 22C12.231 22 13.8398 21.8433 15 21.5634"
      ></path>
    </g>
  </svg>
</div>


    